
.sl1{
	/*text-align: center;*/
	/*line-height: 400px;*/
	
	width: 100%;
	height: 100%;
        background-size: cover;
	background-image: url(../img/1.jpg);
	background-repeat: no-repeat;
	color: white;
}
.content{
	width: 700px;
	height: 400px;
	text-align: center;
   position: absolute;
   left: 50%;
   top: 50%;
   margin-left: -350px;
   margin-top: -100px;
    color: #fff;
   
   
}
.content h1{

    font-size: 52px;
    font-weight: 400;
}
.content span{
	    font-size: 24px;
}
/*.content h{}*/

.sl2{
	width: 100%;
	height: 100%;
        background-size: cover;
	background-image: url(../img/2.jpg);
	background-repeat: no-repeat;
}
.sl3{
	width: 100%;
	height: 100%;
        background-size: cover;
	background-image: url(../img/3.jpg);
	background-repeat: no-repeat;
}
.swiper-slide{
	margin: 0px;
	/*line-height: 50%;*/
}
#menu{
	width: 100%;
	z-index: 10;
	position: absolute;
	/*display: flex;
	/*flex-direction: row;*/
/*	justify-content: space-around;*/*/
 
	background-color: rgba(255,255,255, 0.7);
}
.title_img{
	margin-left: 30px;
}
.title_span{
	font-size: 20px;
	margin-top: 25px;
	 float: left;
}
.title_img img{

	vertical-align: middle;
	    height: 80px;
	    /*width: 550px;*/
	   
	    width: auto;
    margin: 0;
    padding: 0;

}
#menu ul{
	float: right;

   height: 50px;
/*   padding: 10px;*/
  
}
#menu ul>li{
	
	text-align: center;
	float: left;
    /*color: white;*/
   font-size: 15px;
   padding-left: 15px;
   padding-right: 15px;
   padding-top: 15px;
   list-style-type: none;
}
.p2_title{
   position: absolute;
   top: 10%;
}
.p2_title h2{
	    border-bottom: 1px solid #009ee3;
    line-height: 1.1;
       font-weight: 500;
        font-size: 36px;
    margin: 0 0 30px;
    padding-bottom: 30px;
    position: relative;
}
.p2_content{
	position: absolute;
	top: 30%;
	/*background-position:*/ 
/*	border: 1px solid;*/
	width: 87%;
	height: 60%;
}


.p2_content ul>li{
    height: 200px;
/*	border: 1px solid;*/
	float: left;
	list-style-type: none;
	cursor: pointer;
    margin: 0 1% 1% 0;
    overflow: hidden;
    position: relative;
    width: 32%
}
.a{
	    /*line-height: 24px;
    font-size: 16px*/
	    background-color: rgba(54, 55, 50, 0.79);
    bottom: 0px;
    color: #fff;
    padding: 20px;
    position: absolute;
    width: 100%;
    text-indent: -1em;
text-align: center;
}
.p2_content img{
	z-index: 1;
	margin: 0px;
	transition: 1s all;
/*	position: relative;*/
}
.p2_content img:hover{
	width: 110%;
	margin-left:-30px ;
	margin-top: :;0px;
}
.p3{
	width: 100%;
	height: 100%;
	
	background-image: url(../img/parallax/testimonial.jpg);
	background-repeat: no-repeat;
	background-size:cover;
     
	background-position:center;

}
.p3_content{
	border: 1px solid;
	text-align: center;
    color: white;
	width: 100%;
	height: 100%;
	background-color: rgba(15,155,224, 0.78);
}
.p3_title{
   position: absolute;
   left: 50%;
   margin-left: -70px;
   top: 10%;
}
.p3_title h2{
	    border-bottom: 1px solid white;
    line-height: 1.1;
       font-weight: 500;
        font-size: 36px;
    margin: 0 0 30px;
    padding-bottom: 30px;
    position: relative;
    text-transform: uppercase;
}
.p3_content2{
/*	border: 1px solid;*/
	position: absolute;
	width: 90%;
	height: 70%;
	margin-left: -45%;
	left: 50%;
	top: 29%;
/*	background-color: #000000;*/
	z-index: 5;

}
.p3_content2_left{
	margin-top: 50px;
	float: left;
    width: 35%;
    height: 33%;

       
}
.p3_content2_right{
	color: white;
	margin-top: 50px;
	float: right;
/*	border: 1px solid;*/
	width: 63%;
	height: 67%;
	text-indent: 2em;
	line-height: 25px;
	font-size: 14px;
	text-align: left;
}
.p4_content{
	margin-top: 13%;
	width: 100%;
/*	border: 1px solid;*/
	height: 70%;
}
.p4_content_1{
	float: left;
	width: 50%;
	height: 49%;
	/*margin-left: 10px;*/
/*	border: 1px solid;*/
}
.p4_content_1_pic{
	float: left;
	    margin:30px 5px 5px 100px;
	    width: 213px;
	    height: 133px;
}
.p4_content_1_content{
	float: left;
 	    margin-left: 10px;
 	    margin-top: 10px;
    width: 300px;
    height: 180px;
}
.p4_content_1_content h2{
	font-size: 20px;
	   overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	
}
.p4_content_1_content p{
	text-align: left;
	    font-size: 15px;
	       overflow: hidden;
    text-overflow: ellipsis;
        color: #8f8f8f;

}
.p4_content_1_content h2:hover{
	color: deepskyblue;
	 cursor:pointer
}
.p5{
	width: 100%;
	height: 100%;
	background-color: #333;
}
.p5_content{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left:-45%;
	margin-top: -17%;
	width: 90%;
	height: 80%;
/*	background-color: white;*/
}
.left{
	color: white;
	text-align: left;
	float: left;
	/*border: 1px solid;*/
	width: 30%;
	margin-left: 10%;
}
.left h3{
	border-bottom: 1px solid #00BFFF;
	padding-bottom: 10px;
}
.right{
	float: right;
/*	border: 1px solid;*/
	text-align: left;
	color: white;
	width: 59%;
}
.right h3{
	border-bottom: 1px solid #00BFFF;
	padding-bottom: 10px;
}
.name{
	float: left;
	margin-left: 30px;
	display: block;
	border: 1px solid #ececec;
    border-radius: 0;
    color: #818181;
    font-size: 16px;
    height: 50px;
    width: 311px;
    background: transparent;
    border-color: rgb(114, 141, 156);
    background-color: rgba(0,0,0,0.2)
}
.form-control{
	    color: #818181;
    font-size: 16px;
	    background: transparent;
    border-color: rgb(114, 141, 156);
    background-color: rgba(0,0,0,0.2);
	float: left;
	margin-left: 30px;
	margin-top: 10px;
	width: 652px;
	height: 111px;
}
.enter{
	margin-top: 10px;
	margin-left: 30px;
	text-align: center;
/*	width: 56px;*/
/*	height: 20px;*/
	/**/padding: 15px 55px 15px 55px;
	color: white;
	    background-color: #0A85BB;
	    border: 0px solid;
}
.p5_bottom{
	background-color: #292929;
	width: 100%;
	height: 20%;
	position: absolute;
	bottom: 0;
}
.down:hover{
	color: cornflowerblue;
}
